<template>
  <div>
    <el-table :data="dailyDataTable" width="100%" border>
      <el-table-column fixed prop="createTime" align="center" label="填写日期" min-width="200"></el-table-column>
      <el-table-column prop="username" align="center" label="姓名" min-width="200"></el-table-column>
      <el-table-column prop="briefSummary" label="日报内容" min-width="300"></el-table-column>
      <el-table-column prop="level" align="center" label="评级" min-width="150">
        <template slot-scope="scope">
          <el-tag type="warn" v-if="scope.row.level === 1">合格</el-tag>
          <el-tag type="info" v-else-if="scope.row.level === 2">良好</el-tag>
          <el-tag type="success" v-else-if="scope.row.level === 3">优秀</el-tag>
          <el-tag type="danger" v-else>未评级</el-tag>
        </template>
      </el-table-column>
    </el-table>
  </div>

</template>

<script>
export default {
  name: "dailyTable",
  props: ['dailyDataTable'],
  data() {
    return {
      data: '',
      tableData: []
    };
  }
};
</script>

<style scoped>
</style>
